<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <a href="../选择器首页.html">首页</a>
</head>
<header class="header">
    <body>
        <h1>我的故事</h1>
        <div class="digest">
            <p>这是一个<span>段落</span></p>
            <p>这是第二个段落</p>
            <p>这是第三个段落</p>
            <div>
                <p>孙子辈p</p>
            </div>
        </div>
        <p class="blue">这是另一个p</p>

        <style>
            * {
                margin: 0;
                padding: 0;
                text-decoration: none;
                list-style: none;
            }

            .header .footer {
                float: left;
                width: 90%;
            }

            .header {
                background: #ccc padding：20px;
                text-align: center
            }
            h1+div {
                color: red;
            }
        </style>
    </body>

</html>